<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 数据代理：通过一个数据对象 代理 对另一个对象中的操作（读/写） -->
     <script>
        let obj1={x:100}
        let obj2={y:200}

        // 操作obj2对象，给它追加一个obj-x属性
        // 让 obj2 可以读取obj1的x，也可以修改obj1的x
        Object.defineProperty(obj2,"obj1x",{
            get:function(){
                return obj1.x
            },
            set:function(value){
                obj1.x=value
            }
        })

     </script>
</body>
</html>